<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>移动设备登录历史</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">

		<link rel="stylesheet" type="text/css"
			href="<%=basePath%>skins/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css"
			href="<%=basePath%>skins/themes/icon.css">
		<link rel="stylesheet" type="text/css"
			href="<%=basePath%>skins/themes/demo.css">
		<script type="text/javascript"
			src="<%=basePath%>skins/jquery-1.7.2.min.js">
</script>
		<script type="text/javascript"
			src="<%=basePath%>skins/jquery.easyui.min.js">
</script>
		<script type="text/javascript">
$(function() {
	$('#data').datagrid( {
		title : '移动设备登录历史列表',
		iconCls : 'icon-save',
		width : 1080,
		height : 450,
		nowrap : true,
		striped : true,
		singleSelect : true,
		fitColumns : true, //自动调整各列，用了这个属性，下面各列的宽度值就只是一个比例。
		striped : true, //奇偶行颜色不同
		collapsible : false,
		sortName : 'id',
		loadMsg : '数据正在下载中,请稍等...',
		sortOrder : 'desc',
		remoteSort : false,
		url : "<%=basePath%>equipment/query.action", //数据来源
		idField : 'equipmentSn',
		columns : [ [ {
			title : '设备型号',
			field : 'model',
			width : 68,
			align : 'center'
		}, {
			title : '设备ICCID',
			field : 'iccid',
			width : 155,
			align : 'center',
			sortable : true
		}, {
			title : '设备IMEI',
			field : 'imei',
			width : 115,
			align : 'center',
			sortable : true
		}, {
			title : '设备MAC地址',
			field : 'macAddress',
			width : 115,
			align : 'center',
			sortable : true
		}, {
			title : '设备版本号',
			field : 'version',
			width : 85,
			align : 'center'
		}, {
			title : '设备序列号',
			field : 'serial',
			width : 110,
			align : 'center'
		}, {
			field : 'status',
			title : '当前状态',
			width : 65,
			align : 'center',
			formatter : function(val, row) {
				switch (val) {
				case 1:
					return '<font color="green">使用中</font>';
				case 2:
					return '<font color="red">离线了</font>';
				case 3:
					return '<font color="Orange">休眠中</font>';
				}
			}
		}, {
			field : 'createTime',
			title : '登录时间',
			width : 130,
			align : 'center'
		}, {
			field : 'logoutTime',
			title : '登出时间',
			width : 130,
			align : 'center'
		}, {
			field : 'createIp',
			title : '登录地址',
			width : 105,
			align : 'center'
		} ] ],
		pagination : true,
		rownumbers : true,
		loadFilter : function(data) {
			if (data.success) {
				return data.pageBean;
			}
			return null;
		},
		onLoadSuccess : function() {
			$('#data').datagrid('clearSelections'); //一定要加上这一句，要不然datagrid会记住之前的选择状态，删除时会出问题
	}
	});
	var p = $('#data').datagrid('getPager');
	if (p) {
		$(p).pagination( {
			displayMsg : "当前显示从{from}到{to}共{total}记录"
		});
	}
});
</script>
	</head>
	<body>
		<table id="data"></table>
	</body>
</html>
